<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../../css/mui.min.css" rel="stylesheet" />
		<style>
			.mui-input-row label div {
				height: 28px;
				width: 28px;
				/*line-height: 1.1;*/
				background-image: url(../../images/ball.png);
				text-align: center;
			}
		</style>
	</head>

	<body>
		<div class="mui-content">
			<form class="mui-input-group">
			<div class="mui-row">
				<div class="mui-col-xs-2">
					<h5 class="mui-content-padded">第一球</h5>
					<div class="mui-input-row">
						<label>大</label>
						<input type="text" placeholder="1.9倍">
					</div>
					<div class="mui-input-row">
						<label>小</label>
						<input type="text" placeholder="1.9倍">
					</div>
					<div class="mui-input-row">
						<label>单</label>
						<input type="text" placeholder="1.9倍">
					</div>
					<div class="mui-input-row">
						<label>双</label>
						<input type="text" placeholder="1.9倍">
					</div>
					<div class="mui-input-row">
						<label><div>0</div></label>
						<input type="text" placeholder="9倍">
					</div>
					<div class="mui-input-row">
						<label><div>1</div></label>
						<input type="text" placeholder="9倍">
					</div>
					<div class="mui-input-row">
						<label><div>2</div></label>
						<input type="text" placeholder="9倍">
					</div>
					<div class="mui-input-row">
						<label><div>3</div></label>
						<input type="text" placeholder="9倍">
					</div>
					<div class="mui-input-row">
						<label><div>4</div></label>
						<input type="text" placeholder="9倍">
					</div>
					<div class="mui-input-row">
						<label><div>5</div></label>
						<input type="text" placeholder="9倍">
					</div>
					<div class="mui-input-row">
						<label><div>6</div></label>
						<input type="text" placeholder="9倍">
					</div>
					<div class="mui-input-row">
						<label><div>7</div></label>
						<input type="text" placeholder="9倍">
					</div>
					<div class="mui-input-row">
						<label><div>8</div></label>
						<input type="text" placeholder="9倍">
					</div>
					<div class="mui-input-row">
						<label><div>9</div></label>
						<input type="text" placeholder="9倍">
					</div>
				</div>
				<div class="mui-col-xs-2">
					<h5 class="mui-content-padded">第二球</h5>
					<div class="mui-input-row">
						<label>大</label>
						<input type="text" placeholder="1.9倍">
					</div>
					<div class="mui-input-row">
						<label>小</label>
						<input type="text" placeholder="1.9倍">
					</div>
					<div class="mui-input-row">
						<label>单</label>
						<input type="text" placeholder="1.9倍">
					</div>
					<div class="mui-input-row">
						<label>双</label>
						<input type="text" placeholder="1.9倍">
					</div>
					<div class="mui-input-row">
						<label><div>0</div></label>
						<input type="text" placeholder="9倍">
					</div>
					<div class="mui-input-row">
						<label><div>1</div></label>
						<input type="text" placeholder="9倍">
					</div>
					<div class="mui-input-row">
						<label><div>2</div></label>
						<input type="text" placeholder="9倍">
					</div>
					<div class="mui-input-row">
						<label><div>3</div></label>
						<input type="text" placeholder="9倍">
					</div>
					<div class="mui-input-row">
						<label><div>4</div></label>
						<input type="text" placeholder="9倍">
					</div>
					<div class="mui-input-row">
						<label><div>5</div></label>
						<input type="text" placeholder="9倍">
					</div>
					<div class="mui-input-row">
						<label><div>6</div></label>
						<input type="text" placeholder="9倍">
					</div>
					<div class="mui-input-row">
						<label><div>7</div></label>
						<input type="text" placeholder="9倍">
					</div>
					<div class="mui-input-row">
						<label><div>8</div></label>
						<input type="text" placeholder="9倍">
					</div>
					<div class="mui-input-row">
						<label><div>9</div></label>
						<input type="text" placeholder="9倍">
					</div>
				</div>
				<div class="mui-col-xs-2">
					<h5 class="mui-content-padded">第三球</h5>
					<div class="mui-input-row">
						<label>大</label>
						<input type="text" placeholder="1.9倍">
					</div>
					<div class="mui-input-row">
						<label>小</label>
						<input type="text" placeholder="1.9倍">
					</div>
					<div class="mui-input-row">
						<label>单</label>
						<input type="text" placeholder="1.9倍">
					</div>
					<div class="mui-input-row">
						<label>双</label>
						<input type="text" placeholder="1.9倍">
					</div>
					<div class="mui-input-row">
						<label><div>0</div></label>
						<input type="text" placeholder="9倍">
					</div>
					<div class="mui-input-row">
						<label><div>1</div></label>
						<input type="text" placeholder="9倍">
					</div>
					<div class="mui-input-row">
						<label><div>2</div></label>
						<input type="text" placeholder="9倍">
					</div>
					<div class="mui-input-row">
						<label><div>3</div></label>
						<input type="text" placeholder="9倍">
					</div>
					<div class="mui-input-row">
						<label><div>4</div></label>
						<input type="text" placeholder="9倍">
					</div>
					<div class="mui-input-row">
						<label><div>5</div></label>
						<input type="text" placeholder="9倍">
					</div>
					<div class="mui-input-row">
						<label><div>6</div></label>
						<input type="text" placeholder="9倍">
					</div>
					<div class="mui-input-row">
						<label><div>7</div></label>
						<input type="text" placeholder="9倍">
					</div>
					<div class="mui-input-row">
						<label><div>8</div></label>
						<input type="text" placeholder="9倍">
					</div>
					<div class="mui-input-row">
						<label><div>9</div></label>
						<input type="text" placeholder="9倍">
					</div>
				</div>
				<div class="mui-col-xs-2">
					<h5 class="mui-content-padded">第四球</h5>
					<div class="mui-input-row">
						<label>大</label>
						<input type="text" placeholder="1.9倍">
					</div>
					<div class="mui-input-row">
						<label>小</label>
						<input type="text" placeholder="1.9倍">
					</div>
					<div class="mui-input-row">
						<label>单</label>
						<input type="text" placeholder="1.9倍">
					</div>
					<div class="mui-input-row">
						<label>双</label>
						<input type="text" placeholder="1.9倍">
					</div>
					<div class="mui-input-row">
						<label><div>0</div></label>
						<input type="text" placeholder="9倍">
					</div>
					<div class="mui-input-row">
						<label><div>1</div></label>
						<input type="text" placeholder="9倍">
					</div>
					<div class="mui-input-row">
						<label><div>2</div></label>
						<input type="text" placeholder="9倍">
					</div>
					<div class="mui-input-row">
						<label><div>3</div></label>
						<input type="text" placeholder="9倍">
					</div>
					<div class="mui-input-row">
						<label><div>4</div></label>
						<input type="text" placeholder="9倍">
					</div>
					<div class="mui-input-row">
						<label><div>5</div></label>
						<input type="text" placeholder="9倍">
					</div>
					<div class="mui-input-row">
						<label><div>6</div></label>
						<input type="text" placeholder="9倍">
					</div>
					<div class="mui-input-row">
						<label><div>7</div></label>
						<input type="text" placeholder="9倍">
					</div>
					<div class="mui-input-row">
						<label><div>8</div></label>
						<input type="text" placeholder="9倍">
					</div>
					<div class="mui-input-row">
						<label><div>9</div></label>
						<input type="text" placeholder="9倍">
					</div>
				</div>
				<div class="mui-col-xs-2">
					<h5 class="mui-content-padded">第五球</h5>
					<div class="mui-input-row">
						<label>大</label>
						<input type="text" placeholder="1.9倍">
					</div>
					<div class="mui-input-row">
						<label>小</label>
						<input type="text" placeholder="1.9倍">
					</div>
					<div class="mui-input-row">
						<label>单</label>
						<input type="text" placeholder="1.9倍">
					</div>
					<div class="mui-input-row">
						<label>双</label>
						<input type="text" placeholder="1.9倍">
					</div>
					<div class="mui-input-row">
						<label><div>0</div></label>
						<input type="text" placeholder="9倍">
					</div>
					<div class="mui-input-row">
						<label><div>1</div></label>
						<input type="text" placeholder="9倍">
					</div>
					<div class="mui-input-row">
						<label><div>2</div></label>
						<input type="text" placeholder="9倍">
					</div>
					<div class="mui-input-row">
						<label><div>3</div></label>
						<input type="text" placeholder="9倍">
					</div>
					<div class="mui-input-row">
						<label><div>4</div></label>
						<input type="text" placeholder="9倍">
					</div>
					<div class="mui-input-row">
						<label><div>5</div></label>
						<input type="text" placeholder="9倍">
					</div>
					<div class="mui-input-row">
						<label><div>6</div></label>
						<input type="text" placeholder="9倍">
					</div>
					<div class="mui-input-row">
						<label><div>7</div></label>
						<input type="text" placeholder="9倍">
					</div>
					<div class="mui-input-row">
						<label><div>8</div></label>
						<input type="text" placeholder="9倍">
					</div>
					<div class="mui-input-row">
						<label><div>9</div></label>
						<input type="text" placeholder="9倍">
					</div>
				</div>
				<div class="mui-col-xs-2">
					<h5 class="mui-content-padded">综合，龙虎</h5>
					<div class="mui-input-row">
						<label style="width: 60%;">总和大</label>
						<input type="text" placeholder="1.9倍" style="width: 40%;">
					</div>
					<div class="mui-input-row">
						<label style="width: 60%;">总和小</label>
						<input type="text" placeholder="1.9倍" style="width: 40%;">
					</div>
					<div class="mui-input-row">
						<label style="width: 60%;">总和单</label>
						<input type="text" placeholder="1.9倍" style="width: 40%;">
					</div>
					<div class="mui-input-row">
						<label style="width: 60%;">总和双</label>
						<input type="text" placeholder="1.9倍" style="width: 40%;">
					</div>
					<div class="mui-input-row">
						<label style="width: 50%;">龙</label>
						<input type="text" placeholder="1.9倍" style="width: 50%;">
					</div>
					<div class="mui-input-row">
						<label style="width: 50%;">虎</label>
						<input type="text" placeholder="1.9倍" style="width: 50%;">
					</div>
					<div class="mui-input-row">
						<label style="width: 50%;">和</label>
						<input type="text" placeholder="9倍" style="width: 50%;">
					</div>
					<!--<div class="mui-input-row">
						<label><div>3</div></label>
						<input type="text" placeholder="输入">
					</div>-->
					<div id="segmentedControl" class="mui-segmented-control">
					<a class="mui-control-item mui-active" href="#item1">
						前三
					</a>
					<a class="mui-control-item" href="#item2">
						中三
					</a>
					<a class="mui-control-item" href="#item3">
						后三
					</a>
					</div>
					<!--<div class="mui-input-row">
						<label><div>4</div></label>
						<input type="text" placeholder="输入">
					</div>-->
					<!--<h5 class="mui-content-padded"></h5>-->
					<div id="item1" class="mui-control-content mui-active">
					<div class="mui-input-row">
						<label style="width: 50%;">豹子</label>
						<input type="text" placeholder="70倍" style="width: 50%;">
					</div>
					<div class="mui-input-row">
						<label style="width: 50%;">顺子</label>
						<input type="text" placeholder="14倍" style="width: 50%;">
					</div>
					<div class="mui-input-row">
						<label style="width: 50%;">对子</label>
						<input type="text" placeholder="3倍" style="width: 50%;">
					</div>
					<div class="mui-input-row">
						<label style="width: 50%;">半顺</label>
						<input type="text" placeholder="2倍" style="width: 50%;">
					</div>
					<div class="mui-input-row">
						<label style="width: 50%;">杂六</label>
						<input type="text" placeholder="3倍" style="width: 50%;">
					</div>
					</div>
					<div id="item2" class="mui-control-content">
					<div class="mui-input-row">
						<label style="width: 50%;">豹子</label>
						<input type="text" placeholder="70倍" style="width: 50%;">
					</div>
					<div class="mui-input-row">
						<label style="width: 50%;">顺子</label>
						<input type="text" placeholder="14倍" style="width: 50%;">
					</div>
					<div class="mui-input-row">
						<label style="width: 50%;">对子</label>
						<input type="text" placeholder="3倍" style="width: 50%;">
					</div>
					<div class="mui-input-row">
						<label style="width: 50%;">半顺</label>
						<input type="text" placeholder="2倍" style="width: 50%;">
					</div>
					<div class="mui-input-row">
						<label style="width: 50%;">杂六</label>
						<input type="text" placeholder="3倍" style="width: 50%;">
					</div>
					</div>
					<div id="item3" class="mui-control-content">
					<div class="mui-input-row">
						<label style="width: 50%;">豹子</label>
						<input type="text" placeholder="70倍" style="width: 50%;">
					</div>
					<div class="mui-input-row">
						<label style="width: 50%;">顺子</label>
						<input type="text" placeholder="14倍" style="width: 50%;">
					</div>
					<div class="mui-input-row">
						<label style="width: 50%;">对子</label>
						<input type="text" placeholder="3倍" style="width: 50%;">
					</div>
					<div class="mui-input-row">
						<label style="width: 50%;">半顺</label>
						<input type="text" placeholder="2倍" style="width: 50%;">
					</div>
					<div class="mui-input-row">
						<label style="width: 50%;">杂六</label>
						<input type="text" placeholder="3倍" style="width: 50%;">
					</div>
					</div>
				</div>
			</div>
			</form>
			<div class="mui-content-padded" style="text-align: center;">
				<button type="button" class="mui-btn mui-btn-primary">
					保存
				</button>
				<div class="mui-btn">
					取消
				</div>
			</div>
		</div>
		<script src="../../js/mui.min.js"></script>
		<script type="text/javascript">
			mui.init()
		</script>
	</body>

</html>